<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Proyectos - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
				<h:form style="width: 970px;">
					<h3>
						<h:outputText value="Edici&#243;n de Proyectos"/>
					</h3>
					<h:panelGrid columns="3">
						<rich:panel header="Datos Generales del Proyecto" style="width: 470px; height: 210px;">
							<h:panelGrid columns="2">
								<h:outputText value="Nombre del Proyecto:" />
								<h:inputText value="#{edicionProyeto.proyecto.nombre}" readonly="true"/>
								<h:outputText value="Descripci&#243;n:" />
								<h:inputTextarea value="#{edicionProyeto.proyecto.descripcion}" rows="4" cols="40" readonly="true"/>
								<h:outputText value="Empresa:" />
								<h:outputText value="#{edicionProyeto.proyecto.recursoCliente.empresaCliente.nombre}" />
								<h:outputText value="Contacto:" />
								<h:outputText value="#{edicionProyeto.proyecto.recursoCliente.nombre}" />
							</h:panelGrid>
						</rich:panel>
						<h:outputText value="&#160;&#160;" />
						<h:panelGroup>
							<h:panelGroup style="width: 425px">
								<h:commandButton action="#{edicionProyeto.verTareas}" value="Ver Tareas" />
								<h:commandButton action="#{edicionProyeto.finalizarProyecto}" value="Finalizar Proyecto" />
								<h:commandButton action="#{edicionProyeto.regresarAListado}" value="Regresar a Listado" style="float: right;"/>
							</h:panelGroup>
							<br/><br/>
							<rich:panel header="Fechas del Proyecto" style="width: 425px; height: 177px;">
								<rich:dataTable id="tablaFechasProyecto" style="width: 100%;" value="#{edicionProyeto.proyecto.fechasProyecto}" var="fechaProyecto" noDataLabel="No se han ingresado fechas para el proyecto" rows="4">
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Tipo" />
										</f:facet>
										<h:outputText value="#{fechaProyecto.tipoFechaProyecto.descripcion}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Fecha" />
										</f:facet>
										<h:outputText value="#{fechaProyecto.fecha}" />
									</rich:column>
								</rich:dataTable>
								<rich:dataScroller id="scrollFechasProyecto" for="tablaFechasProyecto" maxPages="3"/>
							</rich:panel>
						</h:panelGroup>
						<rich:panel id="panelRecursosAsignados" style="width: 425px; height: 177px;">
							<f:facet name="header">
								<h:outputText value="Usuarios Seleccionados" />
							</f:facet>
							<rich:dataTable id="tablaRecursosAsignados" value="#{edicionProyeto.listaIntegrantes}" var="recurso" 
							                noDataLabel="Todavia no se han asignado recursos al proyecto">
								<h:column>
									<f:facet name="header">
										<h:outputText value="Nombre"/>
									</f:facet>
									<h:outputText value="#{recurso.usuario.nombre} #{recurso.usuario.apellido}" />
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Rol"/>
									</f:facet>
									<h:outputText value="#{recurso.rol.nombre}" />
								</h:column>
								<h:column>
									<a4j:commandLink action="#{edicionProyeto.verTareas(recurso.usuario.nombreUsuario)}"  oncomplete="#{rich:component('modalTareas')}.show(); return false;" render="modalTareas">
										<h:graphicImage value="/images/tareas.png" width="20px" height="20px" title="Ver Tareas"/>
									</a4j:commandLink>
								</h:column>
								<h:column>
									<a4j:commandLink action="#{edicionProyeto.eliminarAsignacion(recurso.codigo)}" render="panelRecursosAsignados">
										<h:graphicImage value="/images/remove.png" width="20px" height="20px" title="Ver Tareas"/>
									</a4j:commandLink>
								</h:column>
							</rich:dataTable>			
						</rich:panel>
					</h:panelGrid>
					<br/>
					<h:panelGroup style="width: 425px; float: right; padding-right: 49px;">
						<h:commandButton action="#{edicionProyeto.verTareas}" value="Ver Tareas" />
						<h:commandButton action="#{edicionProyeto.finalizarProyecto}" value="Finalizar Proyecto" />
						<h:commandButton action="#{edicionProyeto.regresarAListado}" value="Regresar a Listado" style="float: right;"/>
					</h:panelGroup>
				</h:form>
				<rich:popupPanel id="modalTareas" header="Tareas Asignadas" autosized="true">
					<h:form>
						<h:panelGrid columns="2">
							<h:outputText value="Nombre:"/>
							<h:outputText value="#{edicionProyeto.recurso.nombre} #{edicionProyeto.recurso.apellido}" />
						</h:panelGrid>
						<br/>
						<center>
							<rich:dataTable value="#{edicionProyeto.tareasRecurso}" var="tarea" noDataLabel="No tiene tareas asignadas al presente proyecto">
								<rich:column>
									<f:facet name="header">
										<h:outputText value="Nombre" />
									</f:facet>
									<h:outputText value="#{tarea.nombre}" />
								</rich:column>
								<rich:column>
										<f:facet name="header">
											Estado Tarea
										</f:facet>
										<h:outputText
											rendered="#{tarea.diasAmarillo}"
											style="background: none repeat scroll 0 0 #FFFF00;"
											value="Para hoy" />
										<h:outputText
											rendered="#{tarea.diasVerde}"
											style="background: none repeat scroll 0 0 #00BB00;"
											value="Pendiente" />
										<h:outputText
											rendered="#{tarea.diasRojo}"
											style="background: none repeat scroll 0 0 #FF0000;"
											value="Atrazada" />
								</rich:column>
							</rich:dataTable>
							<br/>
							<a4j:commandButton value="Aceptar" onclick="#{rich:component('modalTareas')}.hide(); return false;"/>
						</center>
					</h:form>
				</rich:popupPanel>
			</ui:define>
		</ui:composition>
	
</html>